<template>
  <div class="bottom-right">
    <div class="bottom-right-header">入户情况</div>
    <dv-scroll-board :config="config" id="bottom-right-chart" />
  </div>
</template>

<script>
export default {
  name: 'BottomRightBoard',
  components: {},
  data () {
    return {
      config: {
        data: [
          ['9:45', '张宁', '月嫂', '蒋王街道天郡华府入户成功', '扬州爱家家政'],
          ['9:30', '王静', '护工', '蒋王街道天郡华府入户成功', '扬州爱家家政'],
          ['9:00', '李静', '育婴师', '蒋王街道天郡华府入户成功', '扬州爱家家政'],
          ['8:30', '张静', '月嫂', '蒋王街道天郡华府入户成功', '扬州爱家家政'],
          ['7:30', '宁静', '保姆', '蒋王街道天郡华府入户成功', '扬州爱家家政']
        ],
        rowNum: 3,
        hoverPause: true
      }
    }
  },
  methods: {},
  mounted () {
  }
}
</script>

<style lang="less" scoped>
.bottom-right {
  width: 100%;
  height: 100%;
  padding: 10px 5%;
  text-align: center;

  .bottom-right-header {
    width: 90%;
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    height: 40px;
    background: #0060f0;
  }

  #bottom-right-chart {
    width: 90%;
    height: calc(~"100% - 50px");
    font-size: 16px;
  }
}
</style>
